<template>
  <div class="schoolMemory">
    <div class="content" style="padding: 0px 10px">
      <div class="item" @click="detailClick">
        <div class="Img" style="height: 200px">
          <image style="width: 100%; height: 100%" :src="src"></image>
        </div>
        <div class="information">
          <div class="title">
            <div style="font-size: 19px">欢迎分享你珍贵的都高记忆</div>
            <div style="display: flex; align-items: center">
              <u-icon name="photo" size="22"></u-icon>
              <div style="margin-left: 5px; color: #434343">92</div>
            </div>
          </div>
          <div style="display: flex; align-items: center">
            <u-avatar
              size="28"
              src="https://cdn.uviewui.com/uview/album/1.jpg"
            ></u-avatar>
            <div style="margin-left: 5px">2022-09-19 10:30:27</div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="Img">
          <div class="Imgs">11</div>
        </div>
        <div class="information">
          <div class="title">
            <div>欢迎分享你珍贵的都高记忆</div>
            <div style="display: flex; align-items: center">
              <u-icon name="photo"></u-icon>
              <div>92</div>
            </div>
          </div>
          <div style="display: flex; align-items: center">
            <u-avatar
              size="28"
              src="https://cdn.uviewui.com/uview/album/1.jpg"
            ></u-avatar>
            <div>2022-09-19 10:30:27</div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="Img">
          <div class="Imgs">11</div>
        </div>
        <div class="information">
          <div class="title">
            <div>欢迎分享你珍贵的都高记忆</div>
            <div style="display: flex; align-items: center">
              <u-icon name="photo"></u-icon>
              <div>92</div>
            </div>
          </div>
          <div style="display: flex; align-items: center">
            <u-avatar
              size="28"
              src="https://cdn.uviewui.com/uview/album/1.jpg"
            ></u-avatar>
            <div>2022-09-19 10:30:27</div>
          </div>
        </div>
      </div>
      <div class="item">
        <div class="Img">
          <div class="Imgs">11</div>
        </div>
        <div class="information">
          <div class="title">
            <div>欢迎分享你珍贵的都高记忆</div>
            <div style="display: flex; align-items: center">
              <u-icon name="photo"></u-icon>
              <div>92</div>
            </div>
          </div>
          <div style="display: flex; align-items: center">
            <u-avatar
              size="28"
              src="https://cdn.uviewui.com/uview/album/1.jpg"
            ></u-avatar>
            <div>2022-09-19 10:30:27</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      src: require("@/static/index/2.webp"),
    };
  },
  methods: {
    detailClick() {
      uni.navigateTo({
        url: "/pages/schoolMemory/schoolMemoryDetail",
      });
    },
  },
};
</script>
<style lang="scss" scoped>
.schoolMemory {
  .content {
    .item {
      background-color: #fff;
      margin-top: 15px;
      border-radius: 10px;
      overflow: hidden;
      .Img {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 10px;
        padding-bottom: 0px;
        .Imgs {
          width: 90%;
          height: 200px;
          // background-color: red;
        }
      }
      .information {
        padding: 6px 25px;
        .title {
          display: flex;
          justify-content: space-between;
          padding: 10px 0;
        }
      }
    }
  }
}
</style>
